<template>
  <view class="index-container">
    <u-navbar title="首页" :autoBack="false"></u-navbar>

    <view class="content">
      <view class="function-card">
        <view class="function-item" @click="navigateToWaitOrder">
          <text class="function-text">待接订单</text>
        </view>
      </view>
    </view>	
  </view>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  data() {
    return {};
  },
  computed: mapGetters(["isLogin", "uid", "userInfo"]),
  onLoad() {},
  methods: {
    // 跳转到待接订单页面
    navigateToWaitOrder() {
      uni.navigateTo({
        url: "/pages/order/waitOrder",
      });
    },
  },
};
</script>

<style lang="scss">
.index-container {
  background-color: #f5f5f5;
  min-height: 100vh;

  .content {
    padding: 15px;

    .function-card {
      margin-bottom: 15px;

      .function-item {
        display: flex;
        align-items: center;
        padding: 15px 0;
        position: relative;

        .function-text {
          font-size: 16px;
        }

        .badge {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }
  }
}
</style>
